<template>
	<div id="">
		<h1>登录</h1>
		<input type="text" v-model="user.name" placeholder="请输入用户名"> <br>
		<input  type="password" v-model="user.password"  placeholder="请输入密码"/> <br>
		<button @click="$store.dispatch('login',user)">登录</button>
		<p>
			<router-link to="/reg">注册</router-link>
		</p>
		<button @click="$notify.show('该做核酸了！','pink')">自定义通知</button>
	</div>
</template>

<script>
	// 01 导入axios
	// import axios from 'axios'
	export default{
		data(){
			return  {
				user:{
					name:"",
					password:""
				}
			}
		},
		methods:{
			/* login(){
				this.$toast.show();
				// 实现登录 用户名zeng8 zeng9 zeng10 zeng22  zmm123
				axios.post("http://dida100.com:8888/api/login",this.user)
				.then(res=>{
					console.log(res.data);	
					if(res.data.code==200){
						this.$notify.success(res.data.msg);
						// code为200规定的成功
						localStorage.setItem("token",res.data.token);
						localStorage.setItem("user",JSON.stringify(res.data.user))
						// 获取查询参数
						var redirect = this.$route.query.redirect||"/";
						this.$router.replace(redirect);
					}else{
						this.$notify.danger(res.data.msg);
						//登录失败
						localStorage.removeItem("token");
						localStorage.removeItem("user");
					}
				})
				.catch(err=>{
					this.$notify.danger("登录失败");
					// 网络失败
					console.error(err);
					localStorage.removeItem("token");
					localStorage.removeItem("user");
				})
			} */
		}
	}
</script>

<style>
</style>
